<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器，会选择全部所有 */
        /* 类选择器 .class的名称{} */
        /* id选择器  #id名称{} 必须保证唯一
        不遵循就近原则，id>class>标签*/
        /* 后代选择器 */
        /* body p{} */
        /* 子选择器 */
        /* body>p{} */
        /* 相邻兄弟选择器(对下不对上，只有一个会实现) */
        /* .class名 + p{} */
        /* 通用选择器（对下不对上）但会实现下面全部*/
        /* .class名 ~ p{} */
        /* = 绝对等于
           *= 包含这个元素
           ^= 以这个元素开头
           $= 以这个元素结尾 */
           /* a[:target*="tr"]{} */
    </style>
</head>
<body>
    <header></header>
    <section></section>
    <footer></footer>
    <aside></aside>
    <!-- <nav></nav> 辅助 -->
<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="800px"></iframe>
<iframe src="" name="tr" frameborder="0" width="1000px" height="800px"></iframe>
<a href="" target="tr"></a>
</body>
</html>